<template>
<div class='mine'>
    <ul>
      <li v-for="(val,index) in mineManage" @click="mineHandle(val)">
        {{val.label}}
      </li>
    </ul>   
</div>
</template>
<script>
export default {
components: {},
data() {
return {
      mineManage:[
        {label:'商品收藏'},
        {label:'我的足迹'},
        {label:'店铺收藏'},
        {label:'我的订单'},
        {label:'退出',type:'exit'},

      ]
  };
  },
methods: {
    mineHandle(val){
        if(val.type==='exit'){
          this.$store.commit('setToken','');
          localStorage.removeItem('token');
          this.$router.push('/');

        }
    },
  
  },
  mounted() {

  },
}
</script>
<style lang='stylus' scoped>
.mine{
  ul li{
    box-sizing:border-box;
    margin-top:10px;
    width:100%;
    padding:0 20px;
    text-align:center;
    line-height:50px;
    background-color:#666666;
    color:#ffffff;
    font-size:16px;
  }
 
}
</style>